<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        .container {
            width: 800px;
            height: 400px;
            background-color: #ccc;
        }
    </style>
</head>

<body>
    <svg class="container">
        <!-- 线段 -->
        <line x1="100" y1="100" x2="100" y2="200" stroke="red" />

        <!-- 折线，默认填充，fill-opacity设置为透明，stroke描边 -->
        <polyline points="300 100 400 200 200 100" fill-opacity="0" stroke="red" />

        <!-- 矩形 -->
        <rect x="100" y="100" width="100" height="200" fill-opacity="0" stroke="red" />

        <!-- 圆 -->
        <circle cx="50" cy="50" r="50" />
    </svg>


    <svg t="1661842471296" class="icon" viewBox="0 0 1024 1024" p-id="878" width="20" height="20">
        <path
            d="M740.571429 713.142857H276.114286 274.285714c-113.371429-5.485714-201.142857-96.914286-201.142857-210.285714C73.142857 385.828571 168.228571 292.571429 283.428571 292.571429h7.314286c10.971429-106.057143 100.571429-188.342857 208.457143-188.342858 109.714286 0 199.314286 84.114286 208.457143 190.171429 10.971429-1.828571 21.942857-1.828571 32.914286-1.828571C855.771429 292.571429 950.857143 385.828571 950.857143 502.857143 950.857143 618.057143 855.771429 713.142857 740.571429 713.142857z m-7.314286-73.142857h5.485714c76.8 0 138.971429-62.171429 138.971429-137.142857S815.542857 365.714286 740.571429 365.714286c-20.114286 0-38.4 3.657143-56.685715 12.8-12.8 5.485714-27.428571 3.657143-36.571428-3.657143-10.971429-9.142857-16.457143-21.942857-12.8-34.742857 1.828571-9.142857 1.828571-16.457143 1.828571-23.771429 0-74.971429-62.171429-137.142857-137.142857-137.142857s-137.142857 62.171429-137.142857 137.142857c0 5.485714 0 10.971429 1.828571 16.457143 1.828571 12.8-3.657143 23.771429-12.8 31.085714-9.142857 7.314286-21.942857 10.971429-32.914285 7.314286-10.971429-3.657143-23.771429-3.657143-34.742858-3.657143C208.457143 365.714286 146.285714 427.885714 146.285714 502.857143c0 73.142857 56.685714 133.485714 131.657143 137.142857H733.257143zM532.205714 868.041143l113.481143-114.102857 51.858286 51.565714-113.481143 114.102857zM735.268571 868.425143l113.481143-114.066286 51.84 51.584-113.481143 114.066286zM124.580571 868.589714l113.481143-114.066285 51.858286 51.584-113.499429 114.066285zM327.698286 868.973714l113.499428-114.066285 51.858286 51.565714-113.499429 114.102857z"
            fill="#4D4C4C" p-id="879"></path>
    </svg>
</body>

</html>